<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<link rel="stylesheet" type="text/css" href="./css/summary.css">
</head>
<body>
	<div class="sys-summary">
		<div class="summary-title">汇总</div>
		<div class="summary-content">
			<div class="project left">
				<div class="sum-name">项目</div>
				<div class="pro">
					<span>总数</span>
					<span>已结束</span>
					<span>进行中</span>
				</div>
				<div class="sum-line"></div>
				<div class="people-number">
					<span>100</span>
					<span>10</span>
					<span>30</span>
				</div>
			</div>
			<div class="task left">
				<div class="sum-name">任务</div>
				<div class="pro">
					<span>总数</span>
					<span>进行中</span>
					<span>已完成</span>
					<span>逾期</span>
				</div>
				<div class="sum-line"></div>
				<div class="people-number">
					<span>100</span>
					<span>10</span>
					<span>10</span>
					<span>30</span>
				</div>
			</div>
			<div class="member left">
				<div class="sum-name">成员</div>
				<div class="pro">
					<span>总人数</span>
					<span>活跃人数</span>
				</div>
				<div class="sum-line"></div>
				<div class="people-number">
					<span>100</span>
					<span>10</span>
				</div>
			</div>
		</div>
		<div class="statistics" id="statistics">
			<div class="statis-title">
				<div class="title-line" id="titleLine"></div>
				<ul id="statisTitle">
					<li class="active1">项目统计</li>
					<li>成员统计</li>
				</ul>
			</div>
			<div class="statis-content" id="statisContent">
				<div class="pro-statis foo">
					<div class="pro-title">
						<span>项目</span>
						<span>成员</span>
						<span>已完成任务数/总任务数</span>
						<span>进行中任务数</span>
					</div>
					<div class="pro-line"></div>
					<div class="pro-details">
						<ul id="proDetails">
							<li>
								<span>火星影视平台</span>
								<span>10</span>
								<span>200/300</span>
								<div class="progress-wrap">
									<div class="progress">
										<div style="width:70%"></div>
										<div style="width:20%"></div>
										<div style="width:10%""></div>
									</div>
								</div>
							</li>
						</ul>
					</div>
					<div class="pro-details">
						<ul id="proDetails">
							<li>
								<span>火星影视平台</span>
								<span>10</span>
								<span>200/300</span>
								<div class="progress-wrap">
									<div class="progress">
										<div style="width:70%"></div>
										<div style="width:20%"></div>
										<div style="width:10%""></div>
									</div>
								</div>
							</li>
						</ul>
					</div>
					<div class="pro-details">
						<ul id="proDetails">
							<li>
								<span>火星影视平台</span>
								<span>10</span>
								<span>200/300</span>
								<div class="progress-wrap">
									<div class="progress">
										<div style="width:70%"></div>
										<div style="width:20%"></div>
										<div style="width:10%""></div>
									</div>
								</div>
							</li>
						</ul>
					</div>
				</div>
				<div class="member-statis foo hide">
					<div class="pro-title">
						<span>成员</span>
						<span>总任务数</span>
						<span>已完成任务</span>
						<span>逾期任务</span>
						<span>进行中任务数</span>
					</div>
					<div class="pro-line"></div>
					<div class="pro-details">
						<ul id="proDetails">
							<li>
								<span>余宣安</span>
								<span>10</span>
								<span>5</span>
								<span>1</span>
								<div class="progress-wrap">
									<div class="progress">
										<div style="width:70%"></div>
										<div style="width:20%"></div>
										<div style="width:10%""></div>
									</div>
								</div>
							</li>
						</ul>
					</div>
				</div>
			</div>
			<div class="pager">
				<div>上一页</div>
				<div class="page-number">
					<ul id="pagerWrap">
						<li class="number">1</li>
						<li>2</li>
						<li>3</li>
					</ul>
				</div>
				<div>下一页</div>
				<div>共10条</div>
			</div>
		</div>
	</div>
	<script src="./js/summary.js"></script>
</body>
</html>